<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>缴费</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        html,
        body {
            height: 100%;
        }
    </style>
    <link rel="stylesheet" href="http://localhost:3000/layui/layuiTablePlug/layui/src/css/layui.css">
    <script src="http://localhost:3000/layui/layuiTablePlug/layui/src/layui.js"></script>
</head>

<body style="display: flex;align-items: center;justify-content: center;">
    <img src="http://localhost:3000/img/mobile/返回.png" alt="" style="position: absolute;left: 0;top: 0;width: 10vw;height: 10vw;" class="cancel">
    <div style="display: flex;flex-direction: column;border-radius: 10vw;padding: 10vw 30vw 15vw 30vw;border: 1px solid #80CBC4;line-height: 25vw;">
        <h3 style="margin: 2vw auto; color:green;">您已缴纳学费</h3>
        <img src="http://localhost:3000/img/mobile/缴费对勾.png" alt="" style="width: 20vw;height: 20vw;display: block;margin: 0 auto;position: relative;bottom:8vw;" class="gou">
        <button class="layui-btn">我知道了</button>
    </div>
    <script>
        var url = window.location //获取前一个页面传递的参数
        var str = url.search.substring(1)
        str = decodeURI(str) //decodeURI()这个方法是用来解决获取到的search参数中文百分号乱码问题
            // console.log(decodeURI(str))
        var uname = str
        var cancel = document.getElementsByClassName('cancel')[0]
        cancel.onclick = () => {
            window.location.href = `http://localhost:3000/stu?${uname}`
        }
        document.getElementsByTagName('button')[0].onclick = () => {
            window.location.href = `http://localhost:3000/stu?${uname}`
        }
    </script>
</body>

</html>